<template>
  <div  v-loading="loading">
    <el-divider><i class="el-icon-info">蓝色为已作答,灰色为未作答</i></el-divider>
    <my-tree :treedata="surveyList"></my-tree>
    <el-divider><i class="el-icon-info">蓝色为已作答,灰色为未作答</i></el-divider>
  </div>
</template>
<script>
import {checkStatus} from "@/api/system/generalsurvey";
import MyTree from "@/views/components/QuestionOverviewItem"
export default {
  components:{MyTree},
  data() {
    return {
      activeNames: ['1','2','3','4'],
      tabPosition: 'left',
      surveyList:'',
      queryParams: {
        companyId:this.$store.state.user.compId,
        naireId:undefined
      },
    };
  },
  created() {
    this.getList();
  },
  methods: {
    getList(){
      this.loading = true;
      checkStatus(this.queryParams).then(response => {
        this.surveyList = response.data
        this.loading = false;
      });
    },
    handleChange(val) {
      console.log(val);

    }
  }
};
</script>
